<template>
  <component :is="currentComponent"></component>
</template>

<script setup name="Index">
import pageOne from "./pageOne.vue";
import pageTwo from "./pageTwo.vue";
import pageThree from "./pageThree.vue";
import defaultPage from "./indexDefault";
import { verifyRoleType } from "@/utils/main";
const currentComponent = computed(() => {

if(verifyRoleType.isKyry()){

  return  pageTwo ;
}
else if(verifyRoleType.isKyms()){
    return pageThree;
}
else if(verifyRoleType.iskycgly()){
    return pageOne;
}
else{
    return defaultPage
}

});
</script>

<style scoped lang="scss"></style>
